<template>
	<view>
		<u--image :showLoading="true" :src="oss_host+cur.video_cover" width="750rpx" height="400rpx"
			@click="click_swiper0(cur.video_cover)"></u--image>
		<view class="picture_and_text">
			<u--image class="picture" radius=" 10px" :src="cur.banner[0]" width="242rpx" height="330rpx"
				opacity="1" @click="click_swiper(cur.banner)"></u--image>
				<!-- <u-album :urls="cur.banner" multipleSize="219rpx" :maxCount="albumWidth"></u-album> -->
			<view class="text">
				<table>
					<tr>
						<td>姓名：</td>
						<td>{{cur.name}}</td>
						<td>性别：</td>
						<td>
							<view v-if="cur.age==0">男</view>
							<view v-else-if="cur.age==1">女</view>
						</td>
					</tr>
					<tr>
						<td>民族：</td>
						<td>{{cur.nationality}}</td>
						<td>享年：</td>
						<td>/</td>
					</tr>
				</table>
				<!-- <text>/text><br>
				<text>仙逝日期：/ </text><br> -->
				<table>
					<tr>
						<td style="width: 125rpx;">出生日期:</td>
						<td>{{cur.birthDate}}</td>
					</tr>
					<tr>
						<td style="width: 125rpx;">仙逝日期:</td>
						<td>/</td>
					</tr>
					<!-- <tr>
						<td style="width: 125rpx; vertical-align: top; ">祖籍地址：</td>
						<td>
						</td>
					</tr> -->
				</table>
				<u--text size="13px" :text="'祖籍地址：'+cur.address" lines="3"></u--text>
			</view>
		</view>
	</view>
</template>

<script>
	import {
		oss_host
	} from '../../utils/appInfo'
	export default {
		props: {
			cur: {
				type: Object,
				default () {
					return {

					}
				}
			}
		},
		data() {
			return {
				oss_host: oss_host,
				albumWidth:1
			}
		},
		methods:{
			click_swiper(url){
				uni.previewImage({
						urls:url,
				})
			},
			click_swiper0(url){
				let urls=[]
					urls.push(this.oss_host+url)
				uni.previewImage({
						urls:urls,
				})
			}
		}
	}
</script>

<style lang="scss">
	.picture_and_text {
		margin-left: 45.4rpx;
		margin-right: 45.6rpx;

		.picture {
			float: left;
			margin-top: -68rpx;
		}

		.text {
			float: left;
			margin-left: 55rpx;
			width: 364rpx;
			height: 262rpx;
			line-height: 45rpx;
			font-size: 25rpx;
		}
	}
</style>